@charset "utf-8";
/* CSS Document */
@import "reset.css";

.hidden
{
    display: none;
}
body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color: #FFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #333333;
}
img{
    border:none;
    padding:0;
    margin:0;}

ul,li{
    list-style:none;
    padding:0;
    margin:0;
    text-decoration:none;
}

a{
    color:#333333;
    text-decoration:none;}
a:hover{
    color:#309230;
}

span{
    color:#000;}

h1{
    color:#298329;}

.clear{
    clear:both;
    padding:0;
    margin:0;
    line-height:0px;
    height:0px;}

/******************************** page */
#page{
    width:920px;
    margin:0 auto;
    display:block;
    overflow:hidden;}

/******************************** header */
#header{
    overflow:hidden;
}

.top-header {
    height: 83px;
    padding-top: 5px;

}

.img-logo{
    width:134px;
    height:68px;
    display:block;
    margin-top:7px;
    margin-left:35px;
    float:left;}

.banner{
    width:519px;
    height:68px;
    margin-left:35px;
    float:left;
    margin-top:7px;
}

.button
{
    display: block;
    width: 88px;
    height: 35px;
    float:left;
    margin-left:45px;
    margin-top:25px;

    background-image:url(img/button-logout.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.button:hover
{
    background-position: bottom left;
}

.menu{
    background-image:url(img/bg-menu.gif);
    background-repeat:repeat-x;
    height:45px;
    margin-bottom:3px;
}	

ul.nav {
    list-style:none;
    width:464px;
    float:right;
}
ul.nav li a {
    display:block;
    float:left;
    height:45px;
    background-image:url(img/menu.gif);
    text-indent:-9999px;
}

ul.nav li a.home {
    width:88px;
    background-position:0 0;
}
ul.nav li a.Curriculum {
    width:129px;
    background-position:-85px 0;
}
ul.nav li a.portfolio {
    width:90px;
    background-position:-220px 0;
}
ul.nav li a.Progress {
    width:153px;
    background-position:-312px 0;
}

ul.nav li a.home:hover {
    background-position:0 45px;
}
ul.nav li a.Curriculum:hover {
    background-position:-85px 45px;
}
ul.nav li a.portfolio:hover {
    background-position:-220px 45px;
}
ul.nav li a.Progress:hover {
    background-position:-312px 45px;
}


.account{
    background-color:#f9f9f9;
    height:25px;
    width:100%;
    float:right;
    clear:both;
}
.account ul{
    width:180px;
    float:right;
    color:#2a842a;
}	

.account ul li{
    float:left;
}	
.account ul li a{
    margin:0 10px;
    height:20px;
}



/******************************** main */	
#main	{
    overflow:hidden;
    padding:20px;
}

.left{
    float:left;
    margin-left:40px;
}	
.righ{
    float:left;}


.righ ul{
    margin-left:60px;
    /*margin-top:100px;*/
    margin-top:30px;
}

.righ ul li{
    margin-bottom:15px;
}

.button-portfolio
{
    display: block;
    width: 210px;
    height: 56px;
    background-image:url(img/1.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.button-portfolio:hover
{
    background-position: bottom left;
}		


.button-profress
{
    display: block;
    width: 290px;
    height: 56px;
    background-image:url(img/2.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.button-profress:hover
{
    background-position: bottom left;
}		


.button-curriculum
{
    display: block;
    width: 266px;
    height: 56px;
    background-image:url(img/3.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.button-curriculum:hover
{
    background-position: bottom left;
}	


.button-account
{
    display: block;
    width: 351px;
    height: 56px;
    background-image:url(img/4.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.button-account:hover
{
    background-position: bottom left;
}				
/******************************** footer */		
#footer {
    background-image:url(img/bg-footer.gif);
    height:133px;
    background-repeat:repeat-x;
    width:100%;
    margin-top:15px;}
#footer p{
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    line-height:160px;
    margin-left:40px;}
.breadcrumb{
    position: relative;float:left; color:#aaa;
}
.breadcrumb a{
    color:#aaa;
}
.breadcrumb a:hover{
    color:#309230;
}

#contact{
    float: right;
    font-family: Arial;
    /*font: "Bauhaus 93";
    font-family:Broadway;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-size:12px;
    padding-right: 40px;
}

table {
    border-collapse: collapse;
}
td{
    padding: 3px;
}
.header{
    background-image: url("img/header.png");
    background-repeat: repeat-x;
    height: 135px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.bottom{
    background-image: url("img/bottom.png");
    background-repeat: repeat-x;
    height: 117px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.bottom p{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-top: 40px;
    text-align: center;
}

.bottom a{
    color:#000;
}

.bottom a:VISITED{
    color:#000;
}

.bottom a:hover{
    color:#FFF;
}

.green{
    color:  green;
}

.word_wrap
{
/*white-space: pre-wrap;*/ /* css-3 */
/*white-space: -moz-pre-wrap;*/ /* Mozilla, since 1999 */
/*white-space: -pre-wrap; *//* Opera 4-6 */
/*white-space: -o-pre-wrap; *//* Opera 7 */
/*word-wrap: break-word;*/ /* Internet Explorer 5.5+ */
}